在 javaScript 世界中我們可以把 function 區分為

Impure Function

• 有回傳但也有 Side Effect
• 沒有回傳

Pure Function:

遵守 one input, one output 原則，不管輸入幾次同樣值，輸出結果永遠相同。只做運算與回傳 return，而且不對外部世界造成任何改變 ( 沒有 Side Effect)

// -- Pure function --
const greet = (name) => {
	return `Hi, I am ${name}`
}
greet('Hannah') // Hi, I'm Hannah

// -- Below all impure function --
// 沒有回傳值
const greet = (name) => {
  console.log(`Hi, I am ${name}`);
}

// 有回傳值，但也有 Side Effect
let count = 0;

const greet = (name) => {
  count++;
  return `Count ${name} ${count}`; 
}

這篇也總結前面所有 Buzz words，看似一團亂的專有名詞其實都是相關連的。

Pure Function 裡面 data 多是 immutable data 與 stateless (avoid share state) 的。另外當一個函式是 pure function 且不依賴任何外部狀態只依賴函式參數，也稱作 referential transparency (引用透明)。

要如何知道自己寫的 function 有沒有 Pure，也可以從以下三點來檢視

Total

不管輸入什麼值 (input) 都一定會有相對應的結果 output

❌  // Not total，測試 count(5) 就 GG
const count = i => {
	if(i===0) return 0;
	if(i===1) return 1;
	if(i===2) return 2
}

✅ // 不管輸入什麼都會有相對應的值
const count = i => {
	if(i===0) return 0;
	if(i===1) return 1;
	if(i===2) return 2
    return 100;
}

const count = i => i

Deterministic 穩定的

❌
var x = 1;
var result = () => x++
result() // 2
result() // 3
result() // 4

✅
const result = y => y + 1;
result(1) // 2
result(1) // 2
result(1) // 2

No Observable Side-Effects

儘管 JavaScript 世界中，們很難完全避掉但可以運用一些技巧來控管 Side Effect，讓 Side Effect 只作用在一定的範圍內，不要出現預期外的 side effect 以確保我們的程式碼能順利運行且穩定的！

❌
const add = (x, y) => {
    console.log(`Adding ${x} ${y}`)
    return x + y
}

✅
const add = (x, y) => {
    return {result: x + y, log: `Adding ${x} ${y}`}
}

Stateless (Avoid share state)

不依賴任何外部狀態只依賴函式參數

❌ // impure
var minimum = 21;

var checkAge = function(age) {
  return age >= minimum;
};

✅ // pure
var checkAge = function(age) {
  var minimum = 21;
  return age >= minimum;
};

還有其他幾點可以檢視是不是 pure function

• No current date/time
• No random values
• No global state
• No database calls

用 Pure Function 好處

Easy 容易理解

當我們把功能拆解成小單位的 function 再進行封裝跟組合，程式碼都可以變的很乾淨且容易理解。

let transform1 = pipe(
  isString, // 是否字串
  toUpper, // 全部大寫
  exclaim // 最後加 !
)('hello world')

/*
> 'hello world'
  |> 'hello world'
  |> 'HELLO WORLD'
  |> 'HELLO WORLD !'
*/

Reliable 可靠穩定的 & 可並行運作

Pure Function 同輸入同輸出的特性，是可以預期的且非常穩定的，且不依賴任何外部狀態所以若要 Refactor 或 debug 也比傳統寫法容易很多。

Testable 可測試

因 Pure Function 有高預測性，所以非常容易被測試。也不需要去煩惱會受到其他 Scope 的干擾，只有輸入值才會導致改變

Reusable 再利用 & Portable

他不會 stuck environment，換個專案可以整包繼續用，因為不受外在環境影響 、可重覆使用性高

Composable 再組合

因為 Function 在 js 是 First Class 所以可以衍伸出各式各樣非常好用的寫法，最著名之一就是 Compose，接下來篇章也會說到這個

參考文章

• 30 天精通 RxJS (02)： Functional Programming 基本觀念
• 純粹的好，Pure Function 知道

如有錯誤或需要改進的地方，拜託跟我說。
我會以最快速度修改，感謝您

歡迎追蹤我的部落格，除了技術文也會分享一些在矽谷工作的甘苦。